<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./font/iconfont.css">
    <link rel="stylesheet" href="./css/car.css">
    <link rel="stylesheet" href="./css/footer.css">
</head>

<body>
    <div class="header">
        <input type="hidden" value="1" id="user-id">
        <div class="contaier cle">

            <div class="userinfos fl cle">
                <ul>
                    <li>您好：
                        <a class="user-name">5464546546</a><i class="iconfont icon-user"></i>
                    </li>
                    <li class="pr car-myxx">
                        <a href="">新消息(6)<i class="iconfont icon-xiasanjiaoxing"></i></a>
                        <div class="header-yhj">
                            <a href="">可使用优惠券 <span>6</span> 条</a>
                        </div>
                    </li>
                    <li><a href="">退出</a></li>
                </ul>
            </div>

            <div class="fr cle jlb">
                <ul>
                    <li><a href="">会员俱乐部</a></li>
                    <li><a href="" class="fw700">签到</a></li>
                    <li class="pr car-myyh">

                        <a href="">我的用户 <i class="iconfont icon-xiasanjiaoxing"></i></a>
                        <div class="header-zh">

                            <p><a href="">我的订单</a></p>
                            <p><a href="">我的存酒库</a></p>
                            <p><a href="">我的优惠券</a></p>
                            <p><a href="">我的收藏夹</a></p>

                        </div>
                    </li>
                    <li class="pr car-sj">
                        <a href=""><i class="iconfont icon-shouji1"></i> 手机版</a>
                        <div class="header-sj">
                            <p class="app-sjzx">app手机专享</p>
                            <div class="cle">
                                <img class="fl" src="./img/red-code.png" alt="">
                                <div class="fr">
                                    <p class="header-car-xz">下载也买酒客户端</p>
                                    <p class="header-car-android">
                                        <a href=""><img src="./img/android.png" alt=""></a>
                                    </p>
                                    <p>
                                        <a href=""><img src="./img/ios.png" alt=""></a>
                                    </p>
                                </div>
                            </div>
                            <p class="header-car-lj">了解更多客户端优惠!</p>
                        </div>
                    </li>
                    <li><a href="" class="fw700">设置勿扰</a></li>
                </ul>
            </div>


        </div>
    </div>


    <div class="top">
        <div class="contaier cle">
            <div class="logo fl"><img src="./img/car-logo.png" alt=""></div>
            <div class="liucheng fr">

            </div>
        </div>
    </div>

    <div class="car-content contaier cle">
        <div class="car-head cle">
            <div class="peisong cle fl">
                <div class="fl ymjps ps"></div>
                <div class="fl">由也买酒配送</div>
            </div>
            <div class="car-n fr">
                <span class="car-n-k">
                            <i class="iconfont icon-gouwuche"></i>
                            <i class="product-n">0</i>
                            <i class="iconfont icon-zhuchangAPPtubiao_fuben"> </i>
                        </span>
            </div>
        </div>

        <div class="car-body">
            <div class="car-body-top">
                <ul class="cle">
                    <li class="qx ">
                        <input type="checkbox" name="" id="check-all"> 全选
                    </li>
                    <li class="sp ">
                        商品名称
                    </li>
                    <li class="dj ">
                        单价
                    </li>
                    <li class="sl ">
                        数量
                    </li>
                    <li class="xj ">
                        小计
                    </li>
                    <li class="sc">

                    </li>
                </ul>
            </div>
            <div class="car-text-k">


                <div class="car-text">
                    <ul class="cle">
                        <li class="text-qx">
                            <input type="checkbox" name="" id="check-list">

                        </li>
                        <li class="text-sp cle">
                            <img class="fl" src="./img/6686055_60x98.jpg" alt="">
                            <span class="fl">黑色酒刀（海马刀）</span>
                        </li>
                        <li class="text-dj ">
                            <span>$</span><span>8.0</span>
                        </li>
                        <li class="text-sl cle">
                            <a href="javascript:;" class="fl lessen">-</a>
                            <input class="fl" type="text" value="1" id="val">
                            <a class="fl add" href="javascript:;">+</a>
                        </li>
                        <li class="text-xj ">￥8.0
                        </li>
                        <li class="text-sc">
                            <p> <a href="javascript:;">加入收藏夹</a></p>
                            <p> <a href="javascript:;">删除</a></p>
                        </li>
                    </ul>
                </div>

            </div>
            <div class="car-body-foot cle">
                <div class="fl dqx">
                    <input type="checkbox" name="" id="check-all-d"> 全选
                </div>
                <span class="fl plsc">批量删除</span>
                <span class="fl">批量加入收藏夹</span>
            </div>
        </div>
    </div>

    <div class="contaier cle car-last">
        <div class="fr">
            <ul>
                <li class="zl">商品件数：<span>0</span> 件 </li>
                <li class="zj">商品总价：<span>￥0</span></li>
                <li class="hd">活动优惠：<span>￥0</span></li>
                <li class="yhj">优惠价<span>￥0</span></li>
            </ul>
        </div>
    </div>
    <div class="contaier">
        <div class="car-tj">
            <p>本次购买您可享受以下活动</p>
            <span>所有0元赠品已自动添加到您的购物车中，您可直接结算</span>
        </div>


        <div class="tab">
            <ul class="tab-hear cle">
                <li class="tab-list">最佳搭配</li>
                <li class="tab-list">浏览记录</li>
                <li class="tab-list">我的收藏</li>
                <li></li>
            </ul>
            <ul class="tab-text">
                <li>
                    <div class="tab-text-list">
                        <div class="fl"><img src="./img/85x135.png" alt=""></div>
                        <div class="tab-text-list-t fl">
                            <p class="tab-text-list-t-name">冰酒袋</p>
                            <p>促销价：<span>￥65</span></p>
                            <p class="text-sl cle tab-text-list-sl">
                                <a href="javascript:;" class="fl lessen">-</a>
                                <input class="fl" type="text" value="1" id="val">
                                <a class="fl add" href="javascript:;">+</a>
                            </p>
                            <p class="tab-text-list-addcar">加入购物车</p>
                        </div>
                    </div>

                </li>
                <li>
                    <div class="tab-text-list">
                        <div class="fl"><img src="./img/85x135.png" alt=""></div>
                        <div class="tab-text-list-t fl">
                            <p class="tab-text-list-t-name">冰酒袋</p>
                            <p>促销价：<span>￥65</span></p>
                            <p class="text-sl cle tab-text-list-sl">
                                <a href="javascript:;" class="fl lessen">-</a>
                                <input class="fl" type="text" value="1" id="val">
                                <a class="fl add" href="javascript:;">+</a>
                            </p>
                            <p class="tab-text-list-addcar">加入购物车</p>
                        </div>
                    </div>


                </li>
                <li>
                    <div class="tab-text-list">
                        <div class="fl"><img src="./img/85x135.png" alt=""></div>
                        <div class="tab-text-list-t fl">
                            <p class="tab-text-list-t-name">冰酒袋</p>
                            <p>促销价：<span>￥65</span></p>
                            <p class="text-sl cle tab-text-list-sl">
                                <a href="javascript:;" class="fl lessen">-</a>
                                <input class="fl" type="text" value="1" id="val">
                                <a class="fl add" href="javascript:;">+</a>
                            </p>
                            <p class="tab-text-list-addcar">加入购物车</p>
                        </div>
                    </div>

                </li>
            </ul>
        </div>
    </div>
    <div class="footer-bottom-2">
        <span><a href="javascript:;"><i class="bg-img-1"></i>消费者最喜爱的网站TOP100</a></span>
        <span><a href="javascript:;"><i class="bg-img-2"></i>仅限18周岁以上人士购买</a></span>
        <span><a href="javascript:;"><i class="bg-img-3"></i>网络社会征信网</a></span>
        <span><a href="javascript:;"><i class="bg-img-4"></i>上海工商</a></span>
        <span><a href="javascript:;"><i class="bg-img-5"></i>京公网安备11010502013828</a></span>
        <p>Copyright 2006-2015 也买酒 yesmywine.com 版权所有 | 沪ICP备17040012号-1</p>
        <div>
            <img src="image/cert.png" alt="">
            <img src="image/jiujiao.jpg" alt="">
        </div>
    </div>

</body>
<script src="./js/JQuery.js"></script>
<script src="./js/js.js"></script>

</html>